<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>文本编辑器</title>
    <link rel="stylesheet" type="text/css" href="../css/screen.css">
    <link rel="stylesheet" type="text/css" href="../css/field.css">
    <script src="../scripts/jquery-1.7.2.min.js"></script>
    <script src="../scripts/jquery.plugin.js"></script>
    <script src="../scripts/field.js"></script>
</head>
<body>
    <div id="fieldWrap" class="form_main table_form">
        <div class="fieldhead">
            <h1>文本编辑器</h1>
            <div class="fun">
                <a id="fieldChange">[修改]</a>
                <ul class="show">
                    <li data-type="1"><i class="ico ico_1"></i>单行文字</li>
                    <li data-type="2"><i class="ico ico_2"></i>多行文字</li>
                    <li data-type="3"><i class="ico ico_3"></i>文本密码</li>
                    <li data-type="4"><i class="ico ico_4"></i>单项选择</li>
                    <li data-type="5"><i class="ico ico_5"></i>多项选择</li>
                    <li data-type="6"><i class="ico ico_6"></i>下拉列表</li>
                    <li data-type="7"><i class="ico ico_7"></i>附件上传</li>
                    <li data-type="8"><i class="ico ico_8"></i>单图片上传</li>
                    <li data-type="9"><i class="ico ico_9"></i>多图片上传</li>
                    <li data-type="10"><i class="ico ico_10"></i>文本编辑器</li>
                    <li data-type="11"><i class="ico ico_11"></i>多附件上传</li>
                    <li data-type="12"><i class="ico ico_12"></i>数据源选择</li>
                   
                </ul>
            </div>
        </div>
        <div class="fieldbody">
            <div class="box">
                <div class="t">标题</div>
                <div class="cnt">
                    <input id="fieldTitle" class="text" type="text" />
                </div>
            </div>
            <div class="box">
                <div class="t">字段代码</div>
                <div class="cnt">
                    <input id="fieldCode" class="text" type="text" />
                </div>
            </div>
            <div class="box">
                <div class="t">默认值</div>
                <div class="cnt">
                    <textarea id="fieldDefault"></textarea>
                </div>
            </div>
            <div class="box">
                <div class="t">提示</div>
                <div class="cnt">
                    <input id="fieldTips" class="text" type="text" />
                </div>
            </div>
            <div class="box">
                <div class="t">编辑器功能配置</div>
                <div class="cnt">
                    <textarea id="fieldEditerConfig"></textarea>
                </div>
            </div>
            <div class="box">
            <div class="t">过滤器</div>
            <div class="cnt">
                <ul id="list_filter">
                </ul>
            </div>
        </div>
            <div class="box">
                <div class="t">验证</div>
                <div class="cnt">
                    <ul id="list_Validate">
                        <!--<li><a class="ico ico_reduce"></a><span>验证规则一</span></li>-->
                        <li>
                            <label>
                                <input type="checkbox" value="required:true" />必须填写</label></li>
                        <li>
                            <label>
                                <input type="checkbox" value="digits:true" />是否为整数</label></li>
                        <li>
                            <label>
                                <input data-input="1" type="checkbox" value="maxlength:5" />最多输入</label><input style="width: 40px;" class="text" type="text" disabled value="5" />个字符</li>
                        <li>
                            <label>
                                <input data-input="1" type="checkbox" value="minlength:5" />最少输入</label><input style="width: 40px;" class="text" type="text" disabled value="5" />个字符</li>
                        <li>
                            <label>
                                <input data-input="1" type="checkbox" value="rangelength:[5,10]" />输入介于</label><input style="width: 40px;" class="text" type="text" disabled value="[5,10]" />之间个字符</li>
                        <li>
                            <label>
                                <input type="checkbox" value="number:true" />是否为数字</label></li>
                        <li>
                            <label>
                                <input type="checkbox" value="dateISO:true" />是否为日期类型</label></li>
                        <li>
                            <label>
                                <input type="checkbox" value="url:true" />是否为网址</label></li>
                        <li>
                            <label>
                                <input type="checkbox" value="email:true" />是否为Email</label></li>
                    </ul>
                    <a id="addValidate">更多验证规则</a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>
